<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<!-- for mobile -->
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<script type="application/javascript" src="../../plugins/AdminLTE-2.4.0-rc/bower_components/jquery/dist/jquery.min.js"></script>
		<script src="../../js/index.js"></script>
		<script src="../../js/entity.js"></script>
		<script type="application/javascript" src="../../js/get_code.js"></script>
		<title>获取验证码</title>
		<style>
			body {
				margin: 0 auto;
				background-color: #F1F3F6;
			}

			p {
				margin-left: 20px;
				font-size: 14px;
			}

			#phoneDiv {
				height: 45px;
				max-height: 45px;
				margin-right: 20px;
				background-color: #FFFFFF;
				margin-top: 50px;
				border: 1px #999999 solid;
				border-radius: 5px;
				margin-left: 20px;
			}

			#codeDiv {
				position: relative;
				height: 45px;
				max-height: 45px;
				margin-right: 20px;
				background-color: #FFFFFF;
				margin-top: 20px;
				border: 1px #999999 solid;
				border-radius: 5px;
				margin-left: 20px;
			}

			.input {
				width: 85%;
				margin-top: 3px;
				height: 100%;
				max-height: 38px;
				font-size: 15px;
				border-radius: 5px;
				margin-left: 20px;
				border-style: none;
				outline: none;
			}

			#code {
				float: left;
			}

			#sendCode {
				font-size: 13px;
				border: 1px solid #FFBA00;
				color: #FFBA00;
				text-align: center;
				width: 75px;
				height: 23px;
				max-height: 23px;
				line-height: 23px;
				position: absolute;
				right: 6%;
				top: 24%;
				z-index: 1;
			}

			#submit {
				margin-right: 18px;
				margin-left: 18px;
				height: 45px;
				max-height: 45px;
				background-color: #FFBA00;
				border-radius: 25px;
				margin-top: 85px;
				text-align: center;
				line-height: 45px;
				font-size: 15px;
			}
		</style>
	</head>

	<body>
		<p>*填写手机号后点击提交，我们将发送信息到您的手机。</p>
		<div id="phoneDiv">
			<input type="number" id="phone" class="input" name="phone" placeholder="手机号">
		</div>
		<div id="codeDiv">
			<input style="width: 55%;" type="number" id="code" class="input" name="code" placeholder="验证码">
			<div id="sendCode" onclick="sendCode();">发送验证码</div>
		</div>
		<div id="submit" onclick="checkCode();">提交</div>
	</body>

</html>
